<template>
	<view class="container">
		<view class="row" v-for="(item,index) in classData" @click="handleCheck(index)" :key="index">
			<view class="name">
				{{item.name || '班级名称'}}
			</view>
			<image v-if="item.sel" class="radio" src="/static/langwen/checked.png" mode=""></image>
            <image v-else class="radio" src="/static/langwen/radio.png" mode=""></image>
		</view>
		<view class="btn-wrapper">
			<view class="btn">
				确认
			</view>
		</view>
	</view>
</template>

<script>
import common from '../../config/common.js';
export default {
	data() {
		return {
			classData: [{},{}]
		}
	},
    created() {

    },
    methods:{
        handleCheck(index) {
            let item = this.list[index];
            this.$set(this.list[index], 'sel', !item.sel);
        }
    }
}
</script>

<style lang="less">
page {
	background:rgba(255,255,255,1);
}

.container {
	padding: 0 15px 0 15px;
}

.row {
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
	.name {
		font-size:16px;
		font-weight:400;
		color:rgba(51,51,51,1);
	}
	.radio {
		width: 22px;
		height: 22px;
	}
}

.btn-wrapper {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 84px;
	padding: 20px 15px;
	background:rgba(255,255,255,1);
	.btn {
		display: flex;
		justify-content: center;
		align-items: center;
		height:44px;
		background:rgba(90,194,255,1);
		border-radius:100px;
		font-size:16px;
		font-weight:500;
		color:rgba(255,255,255,1);
	}
}
</style>
